<!doctype html>
<html>
<head>
<title>UTCDateBox / UTCTimeBox / UTCDateTimeRangeController Demo</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="gwt:property" content="locale=en">
<style>
#eventlog select { width: 400px; }
.gwt-TimeBox {
    margin-left: 5px;
}
.gwt-TimeBox, .gwt-DateBox {
    font-size: 14px;
    padding: 2px;
    width: 120px;
}
button { margin-right: 10px; }
</style>
<script language='javascript' src='com.tractionsoftware.gwt.demo.utcdatetime.UTCDateTimeDemo.nocache.js'></script>
</head>
<body>
<div class="desc">The UTCDateTimeRangeController ensures that the
  range is a proper range. See the UTCDateBox and UTCTimeBox demos for
specific details on those controls.<br><br>The UTCDateTimeUtils class
  is provided for use on the server to allow conversion to a Date in a
known TimeZone.<br><br>Note: These demos use the "en" locale with
  default date/time formats, but other locales and formats can be specified.</div>
<h2>UTCDateBox / UTCTimeBox / UTCDateTimeRangeController Demo</h2>
<h3>Start time</h3>
<div id="start"></div>
<h3>End time</h3>
<div id="end"></div>
<h3>ValueChangeEvents (most recent on top)</h3>
<div id="eventlog"></div>
</body>
</html>
